<!DOCTYPE html>
<html lang="en" xmlns:layout="http://www.w3.org/1999/xhtml"
      layout:decorate="~{admin/adminJs}" xmlns:v-on="http://www.w3.org/1999/xhtml">

<body layout:fragment="content" class="easyui-layout">
    <div class="wu-header" data-options="region:'north',border:false,split:true">
        <div class="wu-header-left" style="padding: 15px;">
            <h1>超级智能输出系统</h1>
        </div>
        <div class="wu-header-right" style="padding: 10px;">
            <p><strong class="easyui-tooltip" title="2条未读消息">admin</strong>，欢迎您！</p>
            <p><a href="#">网站首页</a>|<a href="#">支持论坛</a>|<a href="#">帮助中心</a>|<a href="#">安全退出</a></p>
        </div>
    </div>
    <div class="wu-sidebar" data-options="href:'/admin/menu',region:'west',split:false,title:'&nbsp;&nbsp;用户个人菜单',collapsible:false" style="width:250px;top: 0;">
    </div>
    <div  class="wu-main"  data-options="region:'center',title:''">
        <div id="myTab" class="easyui-tabs" style="width:100%;height: 100%;">
            <div title="主页" style="padding:20px;display:none;">
                <p>欢迎进去xxxxx系统</p>
            </div>

        </div>
    </div>

    <script>


        // 添加一个新的标签页面板（tab panel）
        function addTab() {
            $('#myTab').tabs('add',{
                title:'New Tab',
                content:'Tab Body',
                closable:true,
                tools:[{
                    iconCls:'icon-mini-refresh',
                    handler:function(){

                    }
                }]
            });
        }

        /**
         * Name 移除菜单选项
         */
        function removeTab(){
            var tabPanel = $('#myTab');
            var tab = tabPanel.tabs('getSelected');
            if (tab){
                var index = tabPanel.tabs('getTabIndex', tab);
                tabPanel.tabs('close', index);
            }
        }
    </script>
</body>

</html>
